<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>亿丰伟业集团物流配送中心</title>
    <body style="overflow:-Scroll;overflow-y:hidden" >
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css"media="screen and (min-width: 400px)and (max-device-width: 600px)"href="smallScreen.css" />
    <link rel="stylesheet" href="CSS/login.css">
    <link rel="stylesheet" href="CSS/head_style.css">
    <link rel="stylesheet" type="text/css" href="CSS/iview.css">
    <link rel="stylesheet" type="text/css" href="CSS/ionicons-2.0.1/css/ionicons.css">
    <script src="JS/utiltool/requirejs/require.js" data-main="JS/page/login"></script>
</head>

<body>
    <div id="app" v-cloak>
        <Layout>
            <Header>
                <img id="logo" src="IMG/logo.png" alt="亿丰伟业">
                <span class="tool">
                </span>
            </Header>
            <Layout>
                <div class="main">
                           <div class="main-container">
                            <Card class="input-card" style="position: absolute;width:600px;height:480px; top:-105px;;float:left;left:34.5%;background-color:white;border-radius:8px;" v-show="loginShow">
                                <div class="register ">
                                    还没有账号? <a href=" " style="color:#87dcb6; ">立即注册<Icon type="log-in "></Icon></a>
                                </div>
                                <input class="log-input" v-model="phone" placeholder="请输入手机号码" />
                                <input class="log-input" v-model="password" type="password" placeholder="请输入密码" />
                                <Row>
                                    <i-col span="12"><input style="width:235px;" v-model="code" class="log-input" placeholder="请输入验证码"></input></i-col>
                                    <i-col span="12"> <img ref="code" class="code-image" src="/yf/public/Index/Code/imageCode/" @click="getImage" alt="点击换一张 " /></i-col>
                                </Row>
                                <button class="login-btn " long type="success " @click="login ">登陆</button>
                                <div class="repass ">
                                    <a style="color:#87dcb6; margin-left:196px; ">允许第三方登录</a>
                                    <a @click="changePassword" style="color:#87dcb6; float:right; ">修改密码?</a>
                                </div>
                                <div class="thirdLogin ">
                                    <div class="login-Logo-qq " name="qq " alt=" "></div>
                                    <div class="login-Logo-wechat " name="wechat " alt=" "></div>
                                </div>
                            </Card>
                            <Card class="input-card" style="position: absolute;width:600px;height:480px; top:13px;float:left;left:34.5%;background-color:white;border-radius:8px;" v-show="isShow">
                                <div class="register ">
                                    密码修改 <a href=" " style="color:#87dcb6; ">返回主页<Icon type="log-in "></Icon></a>
                                </div>
                                <input style="width:470px;" class="log-input" v-model="telephone" placeholder="请输入手机号" />
                                <input style="width:470px;" class="log-input" type="password" v-model="pw" placeholder="请输入原始密码" />
                                <input style="width:470px;" v-model="newpw" class="log-input" type="password" placeholder="请输入新密码"></input>
                                <button class="login-btn " long type="success " @click="changeSure">确定</button>
                            </Card>
                           </div>
                </Content>
            </Layout>
        </Layout>
    </div>


</body>

</html>